<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type ="text/JavaScript"src="../../statics/lib/ueditor/ueditor.config.js"></script>
    <script type ="text/javascript"src="../../statics/lib/ueditor/ueditor.all.js"></script>
    <link rel =stylesheet href="../../statics/lib/ueditor/themes/default/css/ueditor.css">
    <link rel="stylesheet" type="text/css" href="../../statics/css/iview.css">
    <link rel="stylesheet" type="text/css" media="screen" href="https://cdn.bootcss.com/ionicons/2.0.1/css/ionicons.min.css">
    <script type="text/javascript" src="../../statics/lib/vue.min.js"></script>
    <script type="text/javascript" src="../../statics/lib/jquery.min.js"></script>
    <script type="text/javascript" src="../../statics/lib/iview.min.js"></script>



    <style>
        body ul{
            float: right;
            margin-top: 15px;
        }
        .iForm input,select{
            width: 80%;
        }
        .demo-upload-list img{
            width: 100%;
            height: 100%;
        }
        .ivu-form-item {
            margin-bottom: 10px;
            vertical-align: top;
            zoom: 1
        }
        .ivu-input-icon {
            width: 50%;
            height: 32px;
            line-height: 32px;
            font-size: 16px;
            text-align: center;
            color: #80848f;
            position: absolute;
            right: 0;
            z-index: 3;
        }
    </style>
</head>
<body>

<div id="record">
    <div  style="width: 80%;" :styles="{left: '200px',width:'800px'}" :closable="false">
        <p slot="header" style="color:#f60;text-align:center">
            <Icon type="information-circled"></Icon>
            <span>新增用户</span>
        </p>
        <i-form :model="formItem" :label-width="80" class="iForm">
            <form-item label="账号">
                <i-input v-model="formItem.account"  clearable  placeholder="账号"></i-input>
            </form-item>
            <form-item label="头像" style="height: 60px;">
                <Upload
                        ref="upload"
                        :show-upload-list="false"
                        :on-success="handleSuccess"
                        :format="['jpg','jpeg','png']"
                        :max-size="2048"
                        :on-format-error="handleFormatError"
                        :on-exceeded-size="handleMaxSize"
                        type="drag"
                        action="/media/image"
                        style="display: inline-block;width:58px;">
                    <div style="width: 58px;height:58px;line-height: 58px;">
                        <div class="demo-upload-list" >
                            <img :src="imageUrl">
                        </div>
                    </div>
                </Upload>
            </form-item>
            <form-item label="内容">
                <textarea name ="content" id="circle">内容</textarea>
            </form-item>
        </i-form>
        <div slot="footer" style="text-align: center">
            <i-Button type="error" size="large"   @click="back">Back</i-Button>
            <i-Button type="success" size="large"   @click="saveOrUpdate">Save</i-Button>
        </div>
    </div>




</div>

<script src="../../statics/js/show_page/record.js"></script>


</body>
</html>